<template>
	<router-link class="flex-1" to="/bundle/pages/user_vip/user_vip">
		<view class="user-grade flex row-between">
			<view class="sm"> 
				<text class="lg m-r-12 weight-500" style="font-style: italic;">V </text>
				<text class="xxs">{{ userInfo.level_rank || '' }}</text>
				<text>{{ isLogin ? ( userInfo.level_name || '' ) : '登录查看会员权益' }}</text>
			</view>
			<view class="xs">了解会员 <u-icon name="arrow-right"></u-icon>
			</view>
		</view>
	</router-link>
</template>

<script>
	export default {
		props: {
			
			// userInfo: {
			// 	type: Object,
			// 	default() {
			// 		return {
			// 			level_rank: '1',
			// 			level_name: '普通用户'
			// 		}
			// 	}
			// }
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
.user-grade {
	color: #ffe0a1;
	height: 80rpx;
	// background: url('~/static/images/bg_user_grade.png');
	background-size: 100%;
	padding: 0 20rpx;
	margin: 20rpx 20rpx;
}
</style>
